<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>电影管理页面</title>
    <link href="../../static/jquery-easyui-1.3.3/themes/default/easyui.css" th:href="@{/static/jquery-easyui-1.3.3/themes/default/easyui.css}" rel="stylesheet" type="text/css"/>
    <link href="../../static/jquery-easyui-1.3.3/themes/icon.css" th:href="@{/static/jquery-easyui-1.3.3/themes/icon.css}" rel="stylesheet" type="text/css"/>
    <script src="../../static/jquery-easyui-1.3.3/jquery.min.js" th:src="@{/static/jquery-easyui-1.3.3/jquery.min.js}" type="text/javascript"></script>
    <script src="../../static/jquery-easyui-1.3.3/jquery.easyui.min.js" th:src="@{/static/jquery-easyui-1.3.3/jquery.easyui.min.js}" type="text/javascript"></script>
    <script src="../../static/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js" th:src="@{/static/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js}" type="text/javascript"></script>
    <script>
        // 删除电影
        function deleteMovie() {
            // 获取所有被选中的行
            var selectedRows = $('#dg').datagrid('getSelections');
            if (selectedRows.length === 0) {
                $.messager.alert('系统提示', '请选择要删除的电影！');
                return;
            }

            // 要删除电影的id数组
            var strIds = [];
            for (var i = 0; i < selectedRows.length; i++) {
                strIds.push(selectedRows[i].id);
            }

            // 合并id为字符串
            var ids = strIds.join(',');
            $.messager.confirm('系统提示',
                '您确定要删除这<font color=red>' + selectedRows.length + '</font>条数据嘛吗？',
                function (r) {
                    if (r) {
                        $.post('/admin/movie/delete', { ids: ids }, function (result) {
                                if (result.success) {
                                    $.messager.alert('系统提示', '数据已删除成功！');
                                } else {
                                    $.messager.alert('系统提示', result.errorInfo);
                                }
                                // 重新加载表格
                                $('#dg').datagrid('reload');
                            },'json');
                    }
                }
            );
        }

        // 格式化电影图片
        function formatImageName(val, row) {
            return "<img width=100 height=100 src='/static/movieImage/" + val + "'/>";
        }

        // 格式化热度输入框的内容
        function formatHot(val, row) {
            if (val === 1) {
                return "是";
            }
            return "不是";
        }

        // 格式化时间
        function formatTime(val, row) {
            var time = row.publishDate;
            return time.substr(0, 10) + ' ' + time.substr(11, 8);
        }

        // 打开修改电影信息的Tab
        function openMovieModifyTab() {
            // 获取第一个选中的行
            var selectedRow = $('#dg').datagrid('getSelected');
            if (selectedRow === null) {
                $.messager.alert('系统提示', '请选择一个要修改的电影！');
                return;
            }

            // 打开Tab
            window.parent.openTab('修改电影', 'modifyMovie?id=' + selectedRow.id, 'icon-modifyFilm');
        }

        // 搜索电影
        function searchMovie() {
            // 搜索搜索框输入的内容
            $('#dg').datagrid('load', {
                'name': $('#s_name').val()
            });
        }
    </script>
</head>

<body style="margin: 1px;">

<table id="dg" title="电影管理" class="easyui-datagrid"
       fitColumns="true" pagination="true" rownumbers="true"
        url="/admin/movie/list" fit="true" toolbar="#tb">
    <thead>
        <tr>
            <th field="cb" checkbox="true" align="center"></th>
            <th field="id" width="20" align="center">编号</th>
            <th field="imageName" width="50" align="center" formatter="formatImageName">电影图片</th>
            <th field="name" width="100" align="center">电影名称</th>
            <th field="title" width="200" align="center">帖子标题</th>
            <th field="hot" width="50" align="center" formatter="formatHot">热门？</th>
            <th field="publishDate" width="150" align="center" formatter="formatTime">发布日期</th>
        </tr>
    </thead>
</table>

<div id="tb">
    <div>
        <a href="javascript:openMovieModifyTab()" class="easyui-linkbutton" iconCls="icon-edit">修改</a>
        <a href="javascript:deleteMovie()" class="easyui-linkbutton" iconCls="icon-remove">删除</a>
        &nbsp;&nbsp;电影名称：&nbsp;
        <input type="text" id="s_name" size="20" onkeydown="if (event.keyCode === 13) searchMovie()"/>&nbsp;&nbsp;
        <a href="javascript:searchMovie()" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
    </div>
</div>

</body>

</html>